<template>
    <div>

        <!--导航开始-->
        <nav ref="nav">
            <ul class="w">
                <router-link tag="li" to="/" exact>项目分类</router-link>
                <router-link tag="li" to="/project" exact>项目库</router-link>
                <router-link tag="li" to="/news/1" exact>行业资讯</router-link>
                <router-link tag="li" to="/exhibition" exact>精选展会</router-link>
                <router-link tag="li" to="/qa" exact>创业问答</router-link>
            </ul>
        </nav>
        <!--导航结束-->
    </div>
</template>

<script>
    export default {
        name: "tabBar",
        data() {
            return {}
        },
        methods: {

        },
        mounted() {
            // this.topBarFixed()
        }
    }
</script>

<style scoped lang="less">



    .lactive {
        background-color: #d20303;
    }

    nav {
        height: 40px;
        background-color: #e8332f;

        ul {
            height: 100%;

            li {
                width: 160px;
                line-height: 40px;
                text-align: center;
                float: left;
                color: #fff;
                font-size: 20px;
                font-weight: 700;
                cursor: pointer;
            }
        }
    }
</style>
